#fd{
    width:100px;
    height:150px;
    background-color: #ff362f;
    float: left;
}
#sd{
    width:150px;
    height:100px;
    background-color: chartreuse;
    float: left;
}
#td{
     width:100px;
     height:100px;
     background-color: mediumorchid;
     float: left;
 }
#container{
    width:300px;
    height:500px;
    background-color: gainsboro;

}
#text{
    clear:left;
}
/*受主容器影响，不同的宽度和高度会让图片浮动，如花瓣网图片样式，但每个又不互相影响。如果加上字的话，也是充分继承了浮动的效果，不会被图片覆盖。*/
